* {
	text-decoration: none;
	margin: 0;
	padding: 0; 
} 
body {
	background: url(http://ilyakhasanov.ru/images/background/27.jpg);
	background-attachment: fixed;
}
header {
	height: 80px;
	padding-left: 30px;
	padding-top: 20px;
	text-align: left;
	font-size: 50px;
	font-weight: bold;
	font-family: Arial;  
	float: left;
	color: black;
	text-shadow: 1px 1px white,
               2px 2px black;
  
    transition: all 1s;
}
header:hover {
    text-shadow: 1px 1px white,
                 2px 2px silver;
    color: black;
}  
article {
	background: url(photo.jpg) no-repeat white;	
	height: 400px;
    width: calc(100% - 22px);	
	border: 1px solid silver;
	padding: 10px;	
	color: black;
	float: left;
	font-family: arial;
	text-align: right;
    margin-bottom: 30px;
	margin-top: -15px;
}	





.strizhka {
	background: url(strizhka.jpg) no-repeat white;	
}	
.dohlyad {
	background: url(dohlyad.jpg) no-repeat white;	
}
.farbuvannya {
	background: url(farbuvannya.jpg) no-repeat white;	
}
.kosmetologiya {
	background: url(kosmetologiya.jpg) no-repeat white;
}
.makiyazh {
	background: url(makiyazh.jpg) no-repeat white;
}
.manikyur {
	background: url(manikyur.jpg) no-repeat white;
}

.zagolovokh1 {
	font-family: arial;
	font-weight: bold;
	word-spacing: 20px;
	font-size: 50px;
	text-align: right;
	margin: 40px;
	-moz-text-shadow:0 0 15px #f0f0f0;
	-webkit-text-shadow:0 0 15px #f0f0f0;
	text-shadow:0 0 15px #f0f0f0;
}
.art {
	font-family: arial;
	font-size: 1.3em;
	text-align: right;
	padding: 20px;
	margin-right: 20px;
	line-height: 25px;
	-moz-text-shadow:0 0 15px #f0f0f0;
	-webkit-text-shadow:0 0 15px #f0f0f0;
	text-shadow:0 0 15px #f0f0f0;
}
.art2 {
	font-family: arial;
	font-size: 11px;
	line-height: 15px;
}

td.cena {
	text-align: center;
	width: 100px;
}

h3 {
	/* margin-top: 40px; */
	font-size: 2em;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	color: black;
}
p {
	border: 2px solid silvet;
	height: 30px;
	width: calc(100%-20px);
	text-align: center;
	font-weight: bold;
	margin: 20px;
	font-size: 1em;
	line-height: 30px;
}
.ss{
	font-size: 1.1em;
	margin: 20px;
	font-family: Arial;
	text-align: center;
}
#lineblock {
	width: 200px;
	height: 220px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	/* border: 1px solid black; */
	margin-left: 70px;
	padding: 20px; 
	text-align: center;
	opacity: 1;
}
.uslugi {
	margin: auto;
	width: 80%;
}
.poslugi {
	line-height: 20px;
	text-align: center;	
	font-size: 15px;
	font-family: arial;
}
#lineblock:hover {	
	font-size: 18px;
	color: #616161;
	;
}
.pare:hover {	
	opacity: 0.6
}

table {
	background: url(fon.png);
	font-family: Arial;
	border-collapse: colapse;
	color: #333;
	width: 80%; 
    margin: auto; 
}
th {
	/*text-align: center;*/
	padding-top: 30px;	
	padding-bottom: 20px;
	border-collapse: colapse;
}
td {
	padding: 10px;
}
tr:nth-child(even) {
	background: #e6e5e0;
}

iframe {
	margin: 0 10px 0 20px;
}
.foto1 {
	width: 200px;
}
.facebook {
	text-align: center;
	letter-spacing: 20px;
}
.contakty {
	margin: 20px 20px 0 20px;
	
	height: 120px;
	background: url(fon.png);
	font-size: 1em;
	font-family: Arial;
	padding: 10px;
}
.poslugi {
	/* padding-top: 40px; */
	margin-top: 20px;
	text-align: center;
	height: 200px;
}
.gallery {
	margin: auto;
	padding: 15px;
	width: 80%;

}
.gallery img{
	margin: 5px;
	border: 3px solid white;
	opacity: 1;
}
a.photo:hover img{
	border: 3px solid silver;
	opacity: 0.8;
}
.img {
	border: 2px solid silver;
	float:left; 
    margin: 20px 20px 7px 0px; 
	height: 500px;
	opacity: 1;
}
.img:hover {
	opacity: 0.9;
	border: 2px solid white;
    
}
.navchannya {	
	background: url(fon.png);
	margin: auto;
	width: 80%;
	height: 600px;
	margin-top: 20px;
	padding: 20px;
}
.navchannyah1{
	text-align: center;
	font-size: 40px;
	font-family: arial;
}
.navchannyap {
	text-align: justify;
	font-size: 18px;
	font-family: arial;

}
footer { 
    width: calc(100% - 40px);
	height-min: 80px;
	float: left;
	background: #333;
	font-family: Arial;
	padding: 20px;
	margin-top: 70px;
	padding-bottom: 20px;
	color: silver;
}
.footer {
	float: left;
	margin-left: 70px;
	text-align: center;
	background: #333;
	color: silver;
}
.menu-main {
  list-style: none;
  padding: 30px  0px;
  text-align: center;
  background: url(fon.png);
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: silver;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 20px;
  margin: 0 34px 0 30px;
  font-size: 1em;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
 
}
.menu-main a, .menu-main a:visited {color: #9d999d;}
.menu-main a.current, .menu-main a:hover{color: #333;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 4px;
  top: auto;
  right: 50%;
  bottom: 5px;
  left: 50%;
  background: #333;
  transition: .5s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   

/* @media (max-width: 760px) { */
/* .menu-main {padding-top: 0;} */
/* .menu-main li {display: block;} */
/* .menu-main li:after {content: none;} */
/* .menu-main a {  padding: 25px 0 20px;  */
  /* margin: 0 30px;} */
/* }  */
/* @media scren and (max-width: 992px) */
/* {div.contentblock {width: 970px;}} */